<template>
  <h1>{{ msg }}</h1>
  <button type="button" @click="goEdit">go edit</button>
</template>

<script lang="ts">
import { ref, defineComponent } from 'vue'
export default defineComponent({
  name: 'Home',
  setup: () => {
    const msg = "Home";
    return { msg }
  },
  mounted: () => {
    console.log('mounted');

  },
  methods: {
    goEdit() {
      this.$router.push('/Edit')

    }
  }
})
</script>

<style scoped>
label {
  margin: 0 0.5em;
  font-weight: bold;
}
</style>
